import { createApp } from "vue";
import router from "@/router";
import hljs from 'highlight.js';
import "highlight.js/styles/color-brewer.css"
import "./assets/css/resets.css";
import "./assets/css/common.css";
import VueKonva from "vue-konva"; //智能验证需要组件库
import App from "./App.vue";
// import KUI from "bryantui";
// import 'bryantui/assets/style.css' //待优化点：需要手动引入css样式文件
import KUI from "/packages/index.js";

import '@/assets/iconfonts/symbols.js'
const app = createApp(App);
app.use(router);
app.use(KUI);
app.use(VueKonva);
app.directive('highlight', function (el) {
    const blocks = el.querySelectorAll('pre code')
    blocks.forEach(block => {
        hljs.highlightBlock(block)
    });
})
app.mount("#app");
